<%@ page language="java" import="java.util.Map" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<%
response.setHeader("Pragma","No-cache");    
response.setHeader("Cache-Control","no-cache");    
response.setDateHeader("Expires", -10);

Map<String,String> authCode = (Map<String,String> )request.getSession().getAttribute("SYS_USER_AUTHCODE");
boolean kuFlag = authCode.containsKey("mainpage.ku");
String countPageClass  ="col-sm-4 col-md-4";
if(kuFlag){
	countPageClass = "col-sm-3 col-md-3";
}
%>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<!-- Tell the browser to be responsive to screen width -->
<meta
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
	name="viewport">
<!-- Bootstrap 3.3.5 -->
<link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css"
	rel="stylesheet">
<link
	href="//cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css"
	rel="stylesheet">
<!-- DataTables -->
<link rel="stylesheet"
	href="../../plugins/datatables/dataTables.bootstrap.css">
<!-- Theme style -->
<link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<link rel="stylesheet" href="../../index.css">
<link rel="stylesheet" href="../../device/style.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
<style type="text/css">
</style>
</head>

<body>
	<div>
		<div class="bg-custom">
			<!-- Content Header (Page header) -->
			<section class="content-header">
				<h1>监控视图</h1>
				<ol class="breadcrumb">
					<li><a href="#"><i class="fa fa-home"></i> 首页</a></li>
					<li class="">监控视图</li>
					<li class="active">机载设备监控视图</li>
				</ol>
			</section>
			<!-- 统计信息页面 -->
			<%@ include file="subPage_count.jsp"%>

			<div class="row">
				<div class="col-md-5 padding-right-0">
					<%@ include file="subPage_flightlist.jsp"%>
				</div>
				<div class="col-md-7">
					<div><%@ include file="subPage_device_kpi.jsp"%></div>
					<!--  
					
					-->
				</div>
			</div>

		</div>


	</div>




	<!-- ./wrapper -->
	<script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
	<script src="//cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
	<script src="../../plugins/datatables/jquery.dataTables.min.js"></script>
	<script src="../../plugins/datatables/dataTables.bootstrap.min.js"></script>
	<script src="//cdn.bootcss.com/echarts/2.2.7/echarts.js"></script>
	
	<script src="../../plugins/common/common-util.js"></script>
	<script src="../../plugins/jsutil/MapUtil.js"></script>
	<script src="../../device/js/device-kpi.js"></script>
	<script src="../../device/js/device-flowmon.js"></script>
	<script src="../../device/js/device-warnmon.js"></script>



	<script src="../../device/js/main.js"></script>

	<!-- page script -->
	<script type="text/javascript">
		var KUFLAG = <%=kuFlag%>;
		var echarts = null;
		var echartsTheme = "default";
		var DP_GL_KPI = null;
		var DP_GL_FLOW = null;
		var DP_GL_WARN = null;
		
		var dp_refresh_time = 20000;

		$(function() {			
			//KPI
			PLANE_DEVICE.loadDevicesInfo();

			//tabOrgId变量在subPage_plane_devices.jsp定义
			var tarTmpId =
	<%=tabOrgId%>
		;
			PLANE_DEVICE.loadPlanes(tarTmpId);
		});
	</script>


</body>
</html>
